.fl{ float:left;}
.fr{ float:right;}
#slideshow { height: 450px; position: relative; background: #000; }
#slideshow .bd li { height: 450px; }
#slideshow .hd ul { width: 100%; position: absolute; z-index: 1; bottom: 0; left: 0; height: 30px; line-height: 30px; text-align: center; }
#slideshow .hd ul li { border-radius: 8px; cursor: pointer; display: inline-block; zoom: 1; width: 13px; height: 13px; margin: 4px; background: #FFF; overflow: hidden; line-height: 9999px; }
#slideshow .hd ul .on { background: #034697; }
#slideshow .site_width { width: 980px; height: 450px; margin: 0 auto; }
#slideshow .site_width a { width: 980px; height: 450px; display: block; }
#slideshow .next, #slideshow .prev { position: absolute; top: 0; width: 100px; height: 450px; font-size: 100px; color: #FFF; line-height: 450px; text-align: center; }
#slideshow .next { right: 0; }
#slideshow .prev { left: 0; }
/**/
#content { margin-top: 20px; }
.hd1 { background: #0A8; height: 40px; line-height: 40px; padding: 0 14px; font-size: 16px; color: #FFF; }
.bd1 { padding: 10px 0; overflow: hidden; zoom: 1; margin-bottom: 20px; }
.hd2 { background: #248DC6; height: 40px; line-height: 40px; padding: 0 14px; font-size: 16px; color: #FFF; }
.bd2 { padding: 10px 0; overflow: auto; zoom: 1; margin-bottom: 20px; }
.hd3 { background: #0A8; height: 40px; line-height: 40px; padding: 0 14px; font-size: 16px; color: #FFF; }
.bd3 { padding: 0 0; overflow: hidden; zoom: 1; margin-bottom: 20px; }
.hd4 { font-size: 32px; padding: 15px 0; }
.bd4 { padding: 10px 0; }


/* 频道页相关 */
#channel_cover { margin-bottom: 20px; }
#channel_cover img { width: 100%; }
#channel_content p { line-height: 26px; }

.channel_list li { margin-bottom: 2px; }
.channel_list li a { display: block; background: #EEE; line-height: 32px; padding: 0 10px; }
.channel_list li a:hover { background: #dd137bb; color: #FFF; text-decoration: none; }
.channel_list li a.current { background: #dd137b; color: #FFF; text-decoration: none; }
.channel_list_w { overflow: hidden; margin-bottom: 20px; }
.channel_list_w li { float: left; margin-right: 10px; }
.channel_list_w li a { display: block; height: 40px; line-height: 40px; background: #EEE; padding: 0 10px; }
.channel_list_w li a:hover { background: #F48921; color: #FFF; }
.channel_list_w li a.current { background: #F48921; color: #FFF; }
.article_list li { line-height: 34px; border-bottom: 1px dashed #999; padding-left: 10px; background: url(images/icon_a.gif) left no-repeat; }
.article_dlist li { padding: 10px 0; }
.article_dlist li .title { line-height: 30px; padding-left: 10px; background: url(images/icon_a.gif) left no-repeat; font-size: 16px; border-bottom: 1px solid #CCCCCC; }
.article_dlist li .content { color: #999; line-height: 20px; border-bottom: 1px dashed #999; font-size: 12px; padding: 10px 0; }

/*图片列表[]*/
.picture_list { }
.picture_list img { width: 100%; height:160px; border: 1px solid #DDD; padding: 4px;  }
.picture_list img:hover { filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8; }
.picture_list .title { line-height: 30px; text-align: center; font-family:"微软雅黑"; font-size:12px; }
.picture_dlist { margin-bottom: 10px; }
.picture_dlist img { width: 100%; border: 1px solid #EEE; padding: 4px; }
.picture_dlist img:hover { border: 5px solid #0A8; padding: 0; }
.picture_dlist .title { line-height: 32px; font-size: 16px; border-bottom: 1px solid #CCCCCC; }
.picture_dlist .content { color: #999; border-bottom: 1px dotted #999; font-size: 12px; }
.picture_dlist .intro { text-align: right; color: gray; font-size: 12px; }


.line-big { margin-left: -10px; margin-right: -10px; overflow: hidden; }
.line-big .x1, .line-big .x2, .line-big .x3, .line-big .x4, .line-big .x5, .line-big .x6, .line-big .x7, .line-big .x8, .line-big .x9, .line-big .x10, .line-big .x11, .line-big .x12 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; }


.line-big .a1, .line-big .a2, .line-big .a3, .line-big .a4, .line-big .a5, .line-big .a6, .line-big .a7, .line-big .a8, .line-big .a9, .line-big .a10, .line-big .a11, .line-big .a12 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; }
.line-middle .a1, .line-middle .a2, .line-middle .a3, .line-middle .a4, .line-middle .a5, .line-middle .a6, .line-middle .a7, .line-middle .a8, .line-middle .a9, .line-middle .a10, .line-middle .a11, .line-middle .a12 { position: relative; min-height: 1px; padding-right: 5px; padding-left: 5px; }
.line-small .a1, .line-small .a2, .line-small .a3, .line-small .a4, .line-small .a5, .line-small .a6, .line-small .a7, .line-small .a8, .line-small .a9, .line-small .a10, .line-small .a11, .line-small .a12 { position: relative; min-height: 1px; padding-right: 2px; padding-left: 2px; }
.a1, .a2, .a3, .a4, .a5, .a6, .a7, .a8, .a9, .a10, .a11, .a12 { float: left; position: relative; min-height: 1px; }
.a1 { width: 100%; }
.a2 { width: 50%; }
.a3 { width: 33.33333333%; }
.a4 { width: 25%; }
.a5 { width: 20%; }
.a6 { width: 16.66666666%; }
.a7 { width: 14.28571428%; }
.a8 { width: 12.5%; }
.a9 { width: 11.11111111%; }
.a10 { width: 10%; }
.a11 { width: 9.09090909%; }
.a12 { width: 8.33333333%; }




/*列表组*/
.list-group { border: solid 1px #ddd; }
.list-group li { padding: 10px 15px; display: block; border-bottom: solid 1px #ddd; transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s; }
.list-group li a{ font-family:"微软雅黑"; color:#333333;}
.list-group li span{ font-family:"微软雅黑"; color:#333333;}
.list-group li:last-child { border-bottom: 0 none; }



/*分页样式*/
.page_turner { margin-top: 20px; text-align: center; }
.page_turner a, .page_turner span { display: inline-block; height: 40px; line-height: 40px; min-width: 40px; text-align: center; background: #dedddd; margin-right: 2px; color:#333333; font-family:"微软雅黑"; }
.page_turner a:link, .page_turner a:visited { text-decoration: none; }
.page_turner a:hover, .page_turner a.c { background: #1066bd; color: #FFF; text-decoration:none; }

/*详情页面*/
#detail_title { font-size: 18px; line-height: 24px; text-align: center; padding: 20px; font-family:"微软雅黑"; }
#detail_intro { color: #999; text-align: center; line-height: 30px; }
#detail_content { padding: 20px 0; font-size: 14px; }
#detail_around { font-family:"微软雅黑"; padding: 20px; background: #F5F5F5; line-height: 26px; border: 1px solid #CCCCCC; }
#detail_around a{ color:#333333;}
#detail_around a:hover{ color:#1066bd;}
#detail_picture { width: 660px; margin: 20px auto; text-align: center; }
#detail_picture img { max-width: 600px; padding: 5px; border: 1px solid #999; }

/*多图展示*/
#detail_slideshow { margin: 20px auto; overflow: auto; zoom: 1; text-align: center; }
#detail_slideshow .pn { margin: 20px 0; }
#detail_slideshow .bd img { padding: 5px; border: 1px solid #CCC; max-width: 600px; max-height: 500px; }
#detail_slideshow .hd { overflow: auto; zoom: 1; margin-top: 10px; }
#detail_slideshow .hd li { padding: 2px; display: inline-block; }
#detail_slideshow .hd li img { width: 46px; height: 46px; border: 1px solid #CCC; padding: 1px; cursor: pointer; border-radius: 23px; }
#detail_slideshow .hd .on img { border: 1px solid #168301; }

/*留言*/
.feedback_list { }
.feedback_list dt { padding: 10px; background: #CCC; }
.feedback_list dd { padding: 10px; background: #F1F1F1; margin-bottom: 10px; }
/* 漂浮的客服 */
#imm { z-index: 9999; position: absolute; display: block; overflow: hidden; width: 163px; zoom: 1; }
#imt { height: 50px; background: url(images/imt.jpg) no-repeat; cursor: pointer; }
#imb { min-height: 100px; background: url(images/imb.jpg) repeat-y; padding: 0 10px; text-align: center; }
#imf { height: 20px; background: url(images/imf.jpg) no-repeat; }

#index-1 { padding: 20px 0; background: #EEE; }
#index-2 { padding: 20px 0; background: #FFF; }
#index-3 { padding: 20px 0; background: #EEE; }
#index-4 { padding: 20px 0; background: #FFF; }

#index_products { overflow: hidden; }
#index_products { overflow: hidden; width: 1220px;}
#index_products li { float: left; width: 285px; margin: 0 20px 20px 0; }





/*表单部分*/
.btn { border: solid 1px #ddd; cursor: pointer; background: transparent; padding: 6px 15px; margin: 0; display: inline-block; line-height: 20px; transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s; }
.btn:hover { transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1) 0s; }
.btn-block { display: block; width: 415px; }
.btn-block2 { display: block; width: 240px; }
.btn-large { padding: 15px 20px; font-size: 24px; line-height: 24px; }
.btn-big { padding: 10px 15px; font-size: 18px; line-height: 22px; }
.btn-small { padding: 5px 10px; font-size: 14px; font-weight: normal; line-height: 18px; }
.btn-little { padding: 3px 5px; font-size: 12px; font-weight: normal; line-height: 16px; }
.btn.bg-black { border-color: #000; color: #fff; }
.btn.bg-gray { border-color: #999; color: #fff; }
.btn.bg-white { border-color: #fff; color: #000; }
.btn.bg-red { border-color: #e33; color: #fff; }
.btn.bg-yellow { border-color: #f60; color: #fff; }
.btn.bg-blue { border-color: #0ae; color: #fff; }
.btn.bg-green { border-color: #2c7; color: #fff; }
.btn.bg-main { border-color: #1066bd; color: #fff; }
.btn.bg-sub { border-color: #0ae; color: #fff; }
.btn.bg-back { border-color: #efe; color: #fff; }
.btn.bg-mix { border-color: #aed; color: #fff; }
.btn.bg-dot { border-color: #e33; color: #fff; }
.btn.border-main:hover, .btn.border-main:focus, .btn.bg-main:hover, .btn.bg-main:focus { color: #fff; border-color: #1066bd; background-color: #1066bd; }
.btn.border-sub:hover, .btn.border-sub:focus, .btn.bg-sub:hover, .btn.bg-sub:focus { color: #fff; border-color: #09f; background-color: #09f; }
.btn.border-back:hover, .btn.border-back:focus, .btn.bg-back:hover, .btn.bg-back:focus { color: #333; border-color: #cec; background-color: #cec; }
.btn.border-mix:hover, .btn.border-mix:focus, .btn.bg-mix:hover, .btn.bg-mix:focus { color: #333; border-color: #cec; background-color: #cec; }
.btn.border-dot:hover, .btn.border-dot:focus, .btn.bg-dot:hover, .btn.bg-dot:focus { color: #fff; border-color: #f00; background-color: #f00; }
.btn.border-black:hover, .btn.border-black:focus, .btn.bg-black:hover, .btn.bg-black:focus { color: #fff; border-color: #666; background-color: #666; }
.btn.border-gray:hover, .btn.border-gray:focus, .btn.bg-gray:hover, .btn.bg-gray:focus { color: #fff; border-color: #aaa; background-color: #aaa; }
.btn.border-white:hover, .btn.border-white:focus, .btn.bg-white:hover, .btn.bg-white:focus { color: #333; border-color: #f5f5f5; background-color: #f5f5f5; }
.btn.border-red:hover, .btn.border-red:focus, .btn.bg-red:hover, .btn.bg-red:focus { color: #fff; border-color: #f00; background-color: #f00; }
.btn.border-yellow:hover, .btn.border-yellow:focus, .btn.bg-yellow:hover, .btn.bg-yellow:focus { color: #fff; border-color: #f90; background-color: #f90; }
.btn.border-blue:hover, .btn.border-blue:focus, .btn.bg-blue:hover, .btn.bg-blue:focus { color: #fff; border-color: #3bd; background-color: #3bd; }
.btn.border-green:hover, .btn.border-green:focus, .btn.bg-green:hover, .btn.bg-green:focus { color: #fff; border-color: #5d8; background-color: #5d8; }
.input { padding: 6px; border: solid 1px #ddd; width: 400px;; height: 34px; line-height: 20px; display: block; }
.input2 { padding: 6px; border: solid 1px #ddd; width: 240px; height: 34px; line-height: 20px; display: block; }
.input:focus { border-color: #09c; transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1) 0s; }
.label { padding-bottom: 7px; display: block; line-height: 20px; }
.label label { font-weight: bold; }
.input-note { color: #999; font-size: 12px; padding-top: 2px; line-height: 18px; }
.field { position: relative; }
.form-group { padding-bottom: 10px; overflow: hidden; }
textarea.input { border: solid 1px #ddd; height: auto; width: 400px; }
.form-x .form-group .label { float: left; width: 15%; text-align: right; padding: 7px 7px 7px 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.form-x .form-group .field { float: left; width: 85%; }
.form-x .form-button { margin-left: 15%; }
.form-auto .input { width: auto; display: inline-block; }
.form-auto textarea.input { width: 100%; }



.bg-main { background-color: #1066bd; }